<template>
  <div>子组件：{{ money }} <button @click="buyPhone">买手机</button></div>
</template>

<script>
export default {
  name: "ChildCom",
  props: {
    money: {
      type: Number,
    },
  },
  // 规范：自定义事件，需要在emits选项显性声明出来
  emits: ["change-money"],
  // 组合API使用props中的数据
  // 第一个参数：props数据（父给子的数据）
  // 第二个参数：是一个对象，其中有emit函数，触发自定义事件
  setup(props, { emit }) {
    // console.log(props.money)
    const buyPhone = () => {
      // 通知父组件去修改money数据（子传父的数据）
      // vue2 this.$emit('事件名称','传递的数据')
      // console.log(props.money);
      emit("change-money", props.money - 3999);
    };
    return { buyPhone };
  },
};
</script>